// 页面主容器样式
.page-index {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	min-height: 100vh;
	background-color: #f9f9f9;
	padding-bottom: 100rpx;
	
	// 顶部背景样式
	.topbg {
		position: fixed;
		top: 0;
		left: 0;
		width: 750rpx;
		height: 423rpx;
		background: #5CA9F6;
		z-index: 1;
	}
	
	// 顶部搜索区域样式
	.top-box {
		z-index: 2;
		width: 750rpx;
		padding-left: 27.22rpx;
		display: flex;
		align-items: center;
		
		// 顶部标题样式
		.top-title-box {
		display: flex;
		align-items: center;
		font-weight: 500;
		font-size: 28rpx;
		color: #FFFFFF;
		margin-left: 17rpx;
		}
		
		// 顶部输入框样式
		.top-input-box {
		margin-left: 22rpx;
		width: 294rpx;
		height: 53rpx;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		border-radius: 27rpx;
		font-weight: 500;
		font-size: 20rpx;
		color: #909090;
		}
	}
	
	// 中心功能区域样式
	.center-box {
		margin-top: 170rpx;
		z-index: 2;
		padding: 14rpx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		
		// 右侧功能区域
		.center-right-box {
			// 顶部抽奖区域
			.center-right-top-box {
				margin-bottom: 8rpx;
				width: 399rpx;
				height: 184rpx;
				border-radius: 10rpx;
				background-color: #4088D3;
			}
			
			// 底部功能区域
			.center-right-bom-box {
				display: flex;
				align-items: center;
				
				// VIP区域
				.center-right-bom1-box {
					width: 198rpx;
					height: 193rpx;
					border-radius: 10rpx;
				}
				
				// 福利区域
				.center-right-bom2-box {
					margin-left: 8rpx;
					width: 194rpx;
					height: 193rpx;
					background: #C0A1FF;
					border-radius: 10rpx;
				}
			}
		}
		
		// 左侧商品区域
		.center-lfet-box {
			margin-left: 11rpx;
			width: 271rpx;
			height: 383rpx;
			border-radius: 10rpx;
		}
	}
	
	// 轮播图区域样式
	.banner-box {
		margin-top: 21rpx;
		width: 705rpx;
		height: 146rpx;
		border-radius: 32rpx;
	}
	
	// 商品展示区域样式
	.commodity-box {
		margin-top: 17rpx;
		width: 711rpx;
		height: 373rpx;
		background: linear-gradient(0deg, rgba(145,199,252,0.96), rgba(207,226,244,0.96), rgba(92,169,246,0.96));
		border-radius: 10rpx;
		
		// 商品顶部区域
		.commodity-top-box {
			margin-top: 32rpx;
			display: flex;
			align-items: center;
			
			// 商品图标区域
			.commodity-top-img-box {
				width: 38rpx;
				height: 38rpx;
				margin-left: 32rpx;
			}
			
			// 商品标题区域
			.commodity-top-title-box {
				width: 150rpx;
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				margin-left: 20rpx;
			}
			
			// 倒计时区域
			.commodity-top-tiem-box {
				color: #FFFFFF;
				margin-left: 29rpx;
			}
			
			// 换一批按钮
			.commodity-top-huan-box {
				margin-left: auto;
				color: #FFFFFF;
				margin-left: 45rpx;
				display: flex;
				align-items: center;
			}
		}
		
		// 商品列表区域
		.commodity-list-box {
			margin-top: 23rpx;
			margin-left: 34rpx;
			width: 643rpx;
			height: 246rpx;
			background: #FFFFFF;
			border-radius: 10rpx;
			display: flex;
			align-items: center;
			
			// 单个商品样式
			.commodity-item-box {
				margin-left: 19rpx;
				width: 189rpx;
				height: 201rpx;
			}
		}
	}
}
